<template lang='pug'>
.can-lover
    h2  猜你喜欢
    .titleList
        LoverFir(v-for="d in loverList" :key="d.id" :item="d")
</template>
 
<script>
import LoverFir from './LoverFir.vue'
export default {
  name: "vueName",
  data() {
    return {
      loverList: []
    };
  },
  components:{
      LoverFir
  },
  mounted(){
      this.$http.get('ajaxdata/lover/index.json').then(({data})=>{
         this.loverList = data
      })
  }
};
</script>
 
<style scoped lang="sass">
.titleList
    width: 100%
    display: flex
    flex-wrap: wrap
    justify-content: space-around
</style>